 <!DOCTYPE html>
 <html>

 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
   <title>二级管理员</title>
   <script src="js/mui.min.js"></script>
   <link href="css/mui.min.css" rel="stylesheet" />

   <script type="text/javascript" charset="utf-8">
     mui.init();
   </script>
 <script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?cb5d49b07e0a753dc8ee27ba2c73495d";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
</head>
	
	<style lang="css">
		.pageManageTwo{
			background-color: #ffffff;
			min-height: 100vh;
			box-sizing: border-box;
			padding: 20px;
		}
		.flex-box{
			display: flex;
			flex-wrap: wrap;
		}
		.flex-between{
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}
		.pageManageTwo .list{
		}
		
		.pageManageTwo .list .title{
			font-size: 12px;
			color: #2D3341;
			padding-bottom: 15px;
			padding-left: 10px;
		}
		
		
		.pageManageTwo .list .title .ll{
			width: 20%;
		}
		.pageManageTwo .list .title .nn{
			width: 75%;
			text-align: center;
		}
		
		.pageManageTwo .list .title .nn .son{
			width: 33%;
		}
		
		.pageManageTwo .list .data .item{
			background-color: #E1E5EE;
			padding: 25px 0 25px 10px;
			border-radius:5px;
			margin-bottom: 10px;
		}
		
		
		.pageManageTwo .list .data .ll{
			width: 20%;
			font-size: 15px;
			color: #2D3341;
			line-height: 18px;
		}
		.pageManageTwo .list .data .nn{
			width: 75%;
			text-align: center;
			font-size: 18px;
			color: #405ED7;
			line-height: 18px;
		}
		
		.pageManageTwo .list .data .nn .son{
			width: 33%;
		}
		
		.pageManageTwo .list .data .nn .son.bor{
			border-left: 1px solid rgba(188,196,217,1);
			border-right: 1px solid rgba(188,196,217,1);
		}
		
	</style>
	<body>
		<div class="pageManageTwo">
			<div class="list">
				<div class="title flex-between">
					<div class="ll">管理员名称</div>
					<div class="nn flex-box">
						<div class="son">发布视频数</div>
						<div class="son">点赞数量</div>
						<div class="son">转发数量</div>
					</div>
				</div>
				<div class="data">
					<div class="item flex-between">
						<div class="ll">管理员A</div>
						<div class="nn flex-box">
							<div class="son">8888</div>
							<div class="son bor">8888</div>
							<div class="son">8888</div>
						</div>
					</div>
					<div class="item flex-between">
						<div class="ll">管理员B</div>
						<div class="nn flex-box">
							<div class="son">8888</div>
							<div class="son bor">8888</div>
							<div class="son">8888</div>
						</div>
					</div>
					<div class="item flex-between">
						<div class="ll">管理员A</div>
						<div class="nn flex-box">
							<div class="son">8888</div>
							<div class="son bor">8888</div>
							<div class="son">8888</div>
						</div>
					</div>
					<div class="item flex-between">
						<div class="ll">管理员B</div>
						<div class="nn flex-box">
							<div class="son">8888</div>
							<div class="son bor">8888</div>
							<div class="son">8888</div>
						</div>
					</div>
					<div class="item flex-between">
						<div class="ll">管理员A</div>
						<div class="nn flex-box">
							<div class="son">8888</div>
							<div class="son bor">8888</div>
							<div class="son">8888</div>
						</div>
					</div>
					<div class="item flex-between">
						<div class="ll">管理员B</div>
						<div class="nn flex-box">
							<div class="son">8888</div>
							<div class="son bor">8888</div>
							<div class="son">8888</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
